<template>
<div>
  <ul>
    <li><img src="../../assets/error.png" alt="" width="190"></li>
    <li>页面迷路了，可点击刷新尝试</li>
    <li><wv-button type="default" @click="refresh()">刷新</wv-button></li>
  </ul>

</div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: 'errror',
        props: {},
        data() {
            return {};
        },
        methods: {
          refresh(){
            this.$router.go(-1);
          }
        },
        created() {

        },
        components: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  ul{
    padding-top:50%;
    li:nth-child(2){
      margin: 10px 0 20px;
      color: #bababa;
      font-size: 14px;
    }
    button{
      border-radius: 50px;
      background-color: #2e94f0;
      color: #fff;
      width: 150px;
    }
  }
</style>
